.logisticsAdd {
  background-color: #fff;
  padding: 16rpx 32rpx;
  .logisticsAddHd {
    display: flex;
    align-items: center;
    padding: 24rpx 0;
    border-bottom: 2rpx solid #F0F0F0;
    image {
      width: 38rpx;
      height: 40rpx;
      margin-right: 16rpx;
    }
  }
  .logisticsAddBd {
    .table {
      .tableHd {
        padding: 20rpx 0;
        font-size: 28rpx;
        font-weight: 500;
        line-height: 48rpx;
      }
      .tableBd {
        font-size: 28rpx;
        font-weight: bold;
        line-height: 48rpx;
        color: #333333;
        .tableTr {
          padding: 20rpx 0;
        }   
      }
      .name {
        width: 220rpx;
      }
      .code {
        width: 350rpx;
      }
    }
  }
  &:first-child {
    border-bottom: 36rpx solid #F5F5F5;
  }
  &:last-child {
    .logisticsAddHd {
      image {
        width: 42rpx;
        height: 34rpx;
        margin-right: 12rpx;
      }
    }
  }
  .logisticsAddForm {
    width: 100%;
    .formItem {
      display: flex;
      align-items: center;
      padding: 20rpx 0;
      .formLabel {
        width: 130rpx;
        height: 40rpx;
        font-size: 28rpx;
        font-weight: bold;
        line-height: 40rpx;
        color: #333333;
      }
      .formInput {
        flex: 1;
        height: 70rpx;
        line-height: 66rpx;
        padding: 0 20rpx;
        background: rgba(247,248,250,.1);
        border: 2rpx solid rgba(51,51,51,.1);
        border-radius: 4rpx;
        color: #333333;
        box-sizing: border-box;
      }
      .formTextarea {
        flex: 1;
        height: 149rpx;
        line-height: 48rpx;
        padding: 0 20rpx;
        background: rgba(247,248,250,.1);
        border: 2rpx solid rgba(51,51,51,.1);
        border-radius: 4rpx;
        color: #333333;
        box-sizing: border-box;
      }
      picker {
        flex: 1;
        .picker {
          display: flex;
          align-items: center;
          width: 100%;  
          height: 70rpx;
          line-height: 66rpx;
          padding: 0 20rpx;
          background: rgba(247,248,250,.1);
          border: 2rpx solid rgba(51,51,51,.1);
          border-radius: 4rpx;
          color: #333333;
          box-sizing: border-box;
          input {
            flex: 1;
            height: 68rpx;
            line-height: 68rpx;
          }
          image {
            width: 40rpx;
            height: 40rpx;
          }
        }
      }
      .vanUploader {
        width: 100%;
      }
      &.flexColumn {
        flex-direction: column;
        .formLabel {
          width: 100%;
          margin-bottom: 24rpx;
        }
      }
    }
    .btn-area {
      margin-top: 40rpx;
      margin-bottom: 84rpx;
      display: flex;
      align-items: center;
      justify-content: space-around;
      .cancelBtn {
        width: 240rpx !important;
        height: 100rpx !important;
        line-height: 96rpx !important;
        padding: 0!important;
        background: #E8EEFF;
        border: 2rpx solid #5474F7;
        opacity: 1;
        border-radius: 8rpx;
        font-size: 34rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #5474F7;
      }
      .submitBtn {
        width: 240rpx !important;
        height: 100rpx !important;
        line-height: 96rpx !important;
        padding: 0!important;
        background: #5474F7;
        border: 2rpx solid #5474F7;
        opacity: 1;
        border-radius: 8rpx;
        font-size: 34rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
      }
    }
    &.scanCodeForm {
      .formItem {
        flex-direction: column;
        .formLabel {
          width: 100%;
          margin-bottom: 24rpx;
        }
        .scanCode {
          width: 100%;
          position: relative;
          .scanIcon {
            width: 52rpx;
            height: 48rpx;
            position: absolute;
            right: 30rpx;
            top: 0;
            bottom: 0;
            margin: auto;
          }
        }
      }
    }
  }
}